#cityModal{
	.modal-dialog{
		width: 50%;
		min-width: 500px;
		.modal-content{
			width: 100%;
			.top{
				border-bottom: 1px solid #C7C6C6;
				h1{
					display: inline-block;
					font: 23px "Microsoft YaHei","黑体","宋体",sans-serif;
					padding: 20px 0 20px 20px;
					margin: 0;
				}
				.main-submit{
					float: right;
					display: none;
					margin: 15px 20px 0 0;
					padding: 5px 15px;
					font: 23px "Microsoft YaHei","黑体","宋体",sans-serif;
					background-color: #E0E0E0;
					cursor: pointer;
					&:hover{
						background-color: #C7C7C7;
					}
				}	
			}
			.cities-area{
				width: 100%;
				height: 400px;
				overflow: auto;	
				margin: 0 auto;
				padding: 10px 0 20px 20px;
				ul{
					list-style: none;
					padding: 0;
					margin: 0;
					.header{
						font: 17px "Microsoft YaHei","黑体","宋体",sans-serif;
					}
					.cities{
						font: 14px/30px "Microsoft YaHei","黑体","宋体",sans-serif;
						span{
							display: inline-block;
							padding: 1px 7px;
							margin: 5px;
							cursor: pointer;
							background-color: #E0E0E0;
							&.active{
								background-color: #C7C7C7;
							}
							&:hover{
								background-color: #C7C7C7;
							}
						}
					}
				}
			}
		}
	}
}
